
// 监听浏览器大小改变刷新页面 防止样式混乱
$(window).bind('resize', function (e) {
    if (window.RT) clearTimeout(window.RT);
    window.RT = setTimeout(function () {
        this.location.reload(false); /* false to get page from cache */
    }, 200);
});

//自调用函数
(function () {
    // 1、页面一加载就要知道页面宽度计算
    var setFont = function () {
        // 因为要定义变量可能和别的变量相互冲突，污染，所有用自调用函数
        var html = document.documentElement;// 获取html
        // 获取宽度
        var width = html.clientWidth;

        // 判断
        if (width < 875) width = 875
        if (width > 1920) width = 1920
        // 设置html的基准值
        var fontSize = width / 80 + 'px';
        // 设置给html
        html.style.fontSize = fontSize;
    }
    setFont();
    // 2、页面改变的时候也需要设置
    // 尺寸改变事件
    window.onresize = function () {
        setFont();
    }
})();

(function () {
    play();

    runing()

    function runing() {
        setInterval(play, 1000);
    }

    function play() {

        var d1 = new Date();
        var y = d1.getFullYear();
        var m = ('0' + (d1.getMonth() + 1)).slice(-2);
        var d = ('0' + d1.getDate()).slice(-2);
        var h = d1.getHours();

        var i = ('0' + d1.getMinutes()).slice(-2);
        var s = ('0' + d1.getSeconds()).slice(-2);


        var temp = y + '年' + m + '月' + d + '日 ' + ' ' + h + ':' + i + ':' + s;

        document.getElementById('year').innerHTML = temp;
    }
})();
(function () {


    function runing() {
        setInterval(play, 1000);
    }


})();


(function () {
    //事件委托
    $('.monitor').on('click', ' a', function () {
        //点击当前的a 加类名 active  他的兄弟删除类名
        $(this).addClass('active').siblings().removeClass('active');
        //获取一一对应的下标 
        var index = $(this).index();
        //选取content 然后狗日对应下标的 显示   当前的兄弟.content隐藏
        $('.content').eq(index).show().siblings('.content').hide();
    });
    //滚动
    //原理：把marquee下面的子盒子都复制一遍 加入到marquee中
    //      然后动画向上滚动，滚动到一半重新开始滚动
    //因为选取的是两个marquee  所以要遍历
    $('.monitor .marquee').each(function (index, dom) {
        //将每个 的所有子级都复制一遍
        var rows = $(dom).children().clone();
        //再将新的到的加入原来的
        $(dom).append(rows);
    });

})();


(function () {
    $('.map h3 a').click(function () {//点击触发事件
        $(this).addClass('active').siblings('a').removeClass('active');
    });
    $("#close").click(function () {
        $('#box').css('display', 'none');
    });
})();


var appkey = "adtec+4245";
var timestamp = Math.round(new Date() / 1000);
const sign = hex_md5("dataScreenToken" + appkey).toString();
const url = "http://fsilon.dderp.cn:10082/query";
$(function () {
    $.ajax({
        url: url,
        type: "GET",
        dataType: "json",
        data: {
            proname: 'JJ8016'
        },
        headers: { DataScreenToken: sign },
        success: function (res) {
            var stock = res.rows[0];
            $('#all_agent_num').html(stock.all_agent_num)
            $('#new_five_agent_num').html(stock.new_five_agent_num)
            $('#old_five_agent_num').html(stock.old_five_agent_num)
            $('#four_agent_num').html(stock.four_agent_num)
            $('#not_refit_num').html(stock.not_refit_num)
            $('#not_repack_num').html(stock.not_repack_num)
            var area = stock.new_five_agent_mean_area;
            var area2 = stock.old_five_agent_mean_area;
            $('#newArea').html(area + '平方')
            $('#oldArea').html(area2 + '平方')
            if (area < 220) {
                $('.area').find("#newArea").css({ "color": "#FF0000", "font-size": "1rem" })
            }
            if (area >= 220 && area <= 999) {
                $('.area').find("#newArea").css({ "color": "#008000", "font-size": "1rem" })
            }
            if (area >= 1000) {
                $('.area').find("#newArea").css({ "color": "#4c9bfd", "font-size": "1rem" })
            }
            if (area2 < 220) {
                $('.area2').find("#oldArea").css({ "color": "#FF0000", "font-size": "1rem" })
            }
            if (area2 >= 220 && area2 <= 999) {
                $('.area2').find("#oldArea").css({ "color": "#008000", "font-size": "1rem" })
            }
            if (area2 >= 1000) {
                $('.area2').find("#oldArea").css({ "color": "#4c9bfd", "font-size": "1rem" })
            }
        }
    })
    $.ajax({
        url: url,
        type: "GET",
        dataType: "json",
        data: {
            proname: 'JJ8017'
        },
        headers: { DataScreenToken: sign },
        success: function (res) {
            $('#marquee').html("");
            var stock = res.rows
            stock.forEach((item, index) => {
                $('#marquee').append(
                    `<div class="row">
                    <span class="col" style="width:8rem">${item.region}</span>
                    <span class="col">${item.region_agent_num}</span>
                    <span class="col">${item.new_five_region_agent_num}</span>
                    <span class="col">${item.old_five_region_agent_num}</span>
                    <span class="col">${item.four_region_agent_num}</span>
                    <span class="col" style="text-align: center;">${item.is_refit_num}/${item.refit_num}&nbsp;&nbsp;${(isNaN(item.is_refit_num / item.refit_num) * 100 ? 100 : (item.is_refit_num / item.refit_num) * 100)}%</span>
                    <span class="col" style="text-align: center;">${item.is_repack_num}/${item.repack_num}&nbsp;&nbsp;${(isNaN(item.is_repack_num / item.repack_num) * 100 ? 100 : (item.is_repack_num / item.repack_num) * 100)}%</span>
                    <span class="col" style="text-align: center;">${item.is_repack_num}/${item.repack_num}&nbsp;&nbsp;${(isNaN(item.is_repack_num / item.repack_num) * 100 ? 100 : (item.is_repack_num / item.repack_num) * 100)}%</span>
                    <span class="icon-dot"></span>
                </div>`
                )
            });
        }
    })


    $.ajax({
        url: url,
        type: "GET",
        dataType: "json",
        data: {
            proname: 'JJ8018'
        },
        headers: { DataScreenToken: sign },
        success: function (res) {
            $('#marquee2').html("");
            var overdue = res.rows
            overdue.forEach((item, index) => {
                $('#marquee2').append(`
                    <div class="row" style="font-size: .75rem;">
                    <span class="col" style="width: 7rem;">${item.agent_name}</span>
                    <span class="col">${item.refit}</span>
                    <span class="col" style="width:5rem">${item.promise_date}</span>
                    <span class="icon-dot"></span>
                </div>`
                )
            });
        }
    })
})
